<!--
 * @Description: 分栏组件demo
 * @Author: HuiSir<https://gitee.com/huisir001>
 * @Date: 2025-09-24 16:32:53
 * @LastEditTime: 2025-09-28 11:54:07
-->
<template>
  <fy-split-box leftTitle="123" rightTitle="345">
    <template #left>
      <fy-list
        :list="list"
        :rowSpace="10"
        rowBgColor="var(--el-fill-color-light)"
        highlightBgColor="var(--el-color-primary)"
        highlightColor="#fff"
        rightIcon="arrow-right"
        useCursorPointer
        showLoadMore
      >
        <template #title="{ id }">{{ id }}</template>
      </fy-list>
    </template>
    <template #right> 右侧内容 </template>
  </fy-split-box>
</template>

<script lang="ts" setup>
import { ListItem } from "@/ui";
// 配置项
defineOptions({
  name: "splitBox",
  isFixedFull: true,
  pageViewStyle: { padding: 0 },
});

const list: ListItem[] = [
  {
    id: "450000200002091621",
    ip: "169.147.213.186",
    userId: "450000200002091621",
    username: "Sandra Brown",
    action: "wais://eiguf.be/npkth",
    desc: "商响个才此",
    createTime: "2021-11-05 14:52:20",
    updateTime: "1986-09-17 00:37:04",
    createUser: "nprmb",
    updateUser: "yomcd",
    disabled: true,
  },
  {
    id: "640000197805092426",
    ip: "5.175.203.96",
    userId: "640000197805092426",
    username: "Sandra Lee",
    action: "mailto://tlcnqw.ie/xflj",
    desc: "力族地例参",
    createTime: "2017-02-08 12:13:24",
    updateTime: "1974-01-11 02:17:00",
    createUser: "lsbez",
    updateUser: "jiodu",
    disabled: true,
  },
  {
    id: "15000019880128607X",
    ip: "92.18.200.179",
    userId: "15000019880128607X",
    username: "Charles Gonzalez",
    action: "telnet://mbpwrisyfx.ht/jrrs",
    desc: "又广为",
    createTime: "1998-09-21 21:00:51",
    updateTime: "2013-08-22 23:39:13",
    createUser: "lmfek",
    updateUser: "qiesg",
  },
  {
    id: "230000200405217435",
    ip: "25.44.114.73",
    userId: "230000200405217435",
    username: "William Thompson",
    action: "rlogin://pjquwm.cm/vodt",
    desc: "该接美快些",
    createTime: "2006-05-11 05:44:06",
    updateTime: "1981-08-16 04:41:49",
    createUser: "xvsvh",
    updateUser: "zutlj",
  },
  {
    id: "450000198903301243",
    ip: "204.22.230.57",
    userId: "450000198903301243",
    username: "Karen Lopez",
    action: "cid://tqawpdtk.aw/eiavqvg",
    desc: "其织给",
    createTime: "2016-04-28 14:42:23",
    updateTime: "2015-07-25 09:04:20",
    createUser: "htbii",
    updateUser: "xvxcl",
  },
  {
    id: "310000199611043602",
    ip: "142.43.104.33",
    userId: "310000199611043602",
    username: "Ronald Lewis",
    action: "gopher://rdsz.vc/xfzofk",
    desc: "九空于更",
    createTime: "1980-07-06 11:46:44",
    updateTime: "2019-09-08 14:51:16",
    createUser: "rxyfd",
    updateUser: "spgbp",
  },
  {
    id: "630000201702233131",
    ip: "30.127.38.156",
    userId: "630000201702233131",
    username: "Thomas Harris",
    action: "mid://vhuiiep.ws/evohncaq",
    desc: "管转切十",
    createTime: "1975-05-07 11:47:49",
    updateTime: "2023-09-07 01:53:50",
    createUser: "gnlre",
    updateUser: "pgrvr",
  },
  {
    id: "46000019860713776X",
    ip: "204.26.223.31",
    userId: "46000019860713776X",
    username: "Laura Martinez",
    action: "tn3270://usov.tj/jfzhs",
    desc: "么问有该",
    createTime: "1989-08-21 19:08:30",
    updateTime: "1995-11-15 23:25:51",
    createUser: "ecbpl",
    updateUser: "kvyyo",
  },
  {
    id: "350000200607151160",
    ip: "238.154.182.38",
    userId: "350000200607151160",
    username: "George Martin",
    action: "wais://espd.sb/nhbskmd",
    desc: "地干者",
    createTime: "2000-05-27 07:39:58",
    updateTime: "1991-02-11 14:03:46",
    createUser: "ggmxj",
    updateUser: "rgqkl",
  },
  {
    id: "500000202010286457",
    ip: "235.37.141.70",
    userId: "500000202010286457",
    username: "Ruth Martin",
    action: "mailto://jmhlusy.tv/ripxm",
    desc: "层空她国",
    createTime: "1991-11-12 10:34:30",
    updateTime: "2002-12-14 07:47:10",
    createUser: "jubjo",
    updateUser: "xfnoz",
  },
  {
    id: "500000201606155832",
    ip: "171.35.116.186",
    userId: "500000201606155832",
    username: "Helen Williams",
    action: "nntp://kktmhd.ly/goucntong",
    desc: "组全那自",
    createTime: "1971-12-26 06:07:33",
    updateTime: "1991-09-13 16:53:27",
    createUser: "dxsod",
    updateUser: "nkhln",
  },
  {
    id: "340000199403238419",
    ip: "137.181.38.89",
    userId: "340000199403238419",
    username: "Lisa Young",
    action: "gopher://egtiz.lc/bnctxvie",
    desc: "必原运被",
    createTime: "1987-01-13 06:41:53",
    updateTime: "2023-03-20 02:48:41",
    createUser: "lqtho",
    updateUser: "eliow",
  },
  {
    id: "130000197512030563",
    ip: "145.237.193.150",
    userId: "130000197512030563",
    username: "Christopher Brown",
    action: "news://jxpjzf.az/njbfmc",
    desc: "历平青",
    createTime: "2006-08-09 00:04:20",
    updateTime: "1989-05-13 19:46:24",
    createUser: "erjlf",
    updateUser: "xktbt",
  },
  {
    id: "630000198405277168",
    ip: "104.174.67.37",
    userId: "630000198405277168",
    username: "Kevin Brown",
    action: "mid://jgxy.vn/ish",
    desc: "车布位",
    createTime: "1979-06-22 13:58:12",
    updateTime: "2016-02-09 16:08:41",
    createUser: "mnydx",
    updateUser: "clbhh",
  },
  {
    id: "61000019900403115X",
    ip: "56.34.244.119",
    userId: "61000019900403115X",
    username: "Robert Thompson",
    action: "telnet://fyoho.net.cn/tuhjbdrbj",
    desc: "县华布很",
    createTime: "1971-02-22 09:53:56",
    updateTime: "2007-10-21 12:35:40",
    createUser: "tyboq",
    updateUser: "ktdrf",
  },
];
</script>
